<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    // ES6中的this指向  取决于调用该函数的上下文对象

    // 箭头函数本身没有this指向，内部的this值只能通过查找作用域来确定

    // 一旦使用箭头函数，当前就不存在作用域链，函数内部没有arguments

    // 它不能使用new来实例化

    let pageHandle = {
        id: 123,
        init: function () {
            document.addEventListener('click', (event) =>{
                console.log(this)
                this.fun(event.type)
            })
        },
        fun: function (type) {
            console.log(`事件类型:${type},当前id:${this.id}`)
        }
    }
    pageHandle.init()


</script>
</body>
</html>
